import React from 'react';
import Main from './pages/main';
import About from './pages/about';
import {Route,NavLink,BrowserRouter} from 'react-router-dom'
function App() {
  return (
<BrowserRouter>
    <div className="App">

     
  <ul className="nav nav-pills ">
  <li role="presentation"><NavLink to="/about">About</NavLink></li>
  <li role="presentation"><NavLink to="/main">main</NavLink></li>

  </ul>
  <About name="as"/>
  <Main/>
  <div>
  
  <Route path="/about" component={About}/>
  <Route path="/main" component={Main}/>

  </div>
 
    </div>
    </BrowserRouter>
  );
}

export default App;
